// html {
//     height: 1500px;
// }

.nav {
    width: 100%;
    height: 1.066667rem /* 80/75 */;
    line-height: 1.066667rem /* 80/75 */;
    background-color: #fff;
    margin-bottom: .133333rem /* 10/75 */;  
    overflow: hidden;
    ul {
        // width: 1999px;
        height: 1.066667rem /* 80/75 */;
        // overflow: hidden;
        li {
            float: left;
            line-height: 1.066667rem /* 80/75 */;
            font-size: .346667rem /* 26/75 */;
            text-align: center;
            a {
                display: inline-block;
                color: #000;
                height: 1.066667rem /* 80/75 */;
                padding: 0 .266667rem /* 20/75 */;
                
            }
            .current {
                color:red;
                border-bottom: .053333rem /* 4/75 */ solid #e4393c;
            }
        }
    }
}

// ----------------
.list{
    width: 100%; 
    background-color: #fff;
    ul {
        li {
            width: 100%;
            height: 3.6rem /* 270/75 */;
            padding: .266667rem /* 20/75 */ .133333rem /* 10/75 */;
            position: relative;
                .img {
                    position: absolute;
                    width: 3.106667rem /* 233/75 */;
                    height: 3.106667rem /* 233/75 */;
                    margin-right: .066667rem /* 5/75 */;
                    img {
                        width: 3.106667rem /* 233/75 */;
                        height: 3.106667rem /* 233/75 */;
                    }
                }
                .info {
                    position: absolute;
                    height: 3.106667rem /* 233/75 */;
                    width: 6.133333rem /* 460/75 */;
                    // background-color: lime;
                    margin-left: 3.333333rem /* 250/75 */;;
                    padding: .133333rem /* 10/75 */ 0;
                    .p1 {
                        position: absolute;
                        width: 100%;
                        height: .933333rem /* 70/75 */;
                        line-height: .466667rem /* 35/75 */;
                        font-size: .373333rem /* 28/75 */;
                        // background-color: yellow;
                    }
                    .price {
                        position: absolute;
                        top: 1.066667rem /* 80/75 */;
                        width: 100%;                    
                        height: .666667rem /* 50/75 */;
                        line-height: .466667rem /* 35/75 */;
                        font-size: .56rem /* 42/75 */;
                        // background-color: blue;
                        color: red;
                        i {
                            font-size: .373333rem /* 28/75 */;
                        }
                        em {
                            font-size: .293333rem /* 22/75 */;
                            font-style: normal;
                            margin-left:.2rem /* 15/75 */;
                        }
                        del {
                            font-size: .346667rem /* 26/75 */;
                            color: #ccc;
                            margin-left: .266667rem /* 20/75 */;
                        }
                    }
                    .bar {
                        position: absolute;
                        top:1.866667rem /* 140/75 */;
                        width: 100%;
                        height: .4rem /* 30/75 */;
                        line-height: .466667rem /* 35/75 */;
                        font-size: 28px;
                        // background-color: orange;
                        i {
                            position: absolute;
                            top: .066667rem /* 5/75 */;
                            display: inline-block;
                            width: 2rem /* 150/75 */;
                            height: .266667rem /* 20/75 */;
                            line-height: .266667rem /* 20/75 */;
                            border: .026667rem /* 2/75 */ solid red;
                            border-radius: .133333rem /* 10/75 */;
                            color: #fff;
                            font-size: .266667rem /* 20/75 */;
                            font-style: normal;
                            background-color: pink;
                            text-align: center;
                            em {
                                position: absolute;
                                display:block;
                                left: 0;
                                height: .213333rem /* 16/75 */;
                                border-radius: .106667rem /* 8/75 */;
                                background-color: red;
                            }
                            span {
                                display: inline-block;
                                position: absolute;
                                font-size: .213333rem /* 16/75 */;
                                line-height: .213333rem /* 16/75 */;
                            }
                        }

                        b {
                            position: absolute;
                            left: 2.533333rem /* 190/75 */;
                            width: 2.4rem /* 180/75 */;
                            font-size: .373333rem /* 28/75 */;
                            color: red;
                        }
                    }
                    .buy {
                        position: absolute;
                        width: 100%;
                        bottom: 0;
                        height: .666667rem /* 50/75 */;
                        line-height: .466667rem /* 35/75 */;
                        font-size: .373333rem /* 28/75 */;
                        // background-color: purple;
                        a:nth-child(1) {
                            display: inline-block;
                            position: absolute;
                            text-align: center;
                            width: 2.6rem /* 195/75 */;
                            height: .6rem /* 45/75 */;
                            line-height: .6rem /* 45/75 */;
                            border: 1px dashed red;
                            font-size: .28rem /* 21/75 */;
                            color: #000;
                        }
                        a:nth-child(2) {
                            display: inline-block;
                            position: absolute;
                            right: .066667rem /* 5/75 */;
                            height: .666667rem /* 50/75 */;   
                            line-height: .666667rem /* 50/75 */;
                            font-size: .293333rem /* 22/75 */;
                            color: #fff;
                            padding: 0 .133333rem /* 10/75 */;
                            background-color: red;
                            border-radius: .133333rem /* 10/75 */;
                        }
                    }

                }
        }
    }
}


.go-top {
    position: fixed;
    bottom: .266667rem /* 20/75 */;
    right: .266667rem /* 20/75 */;
    width: .8rem /* 60/75 */;
    height: .8rem /* 60/75 */;
    line-height: .8rem /* 60/75 */;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    color:#fff;
    font-size: .373333rem /* 28/75 */;
    font-weight: 700;
}






















